<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用AJAX发送GET请求</title>
</head>
<body>
  <form>
    <input type="text" name="keyword" placeholder="">
    <input type="button" value="提交" onclick="ajax()">
  </form>
  <script type="text/javascript">
      function ajax() {
        var xhr = null;
        // 构建xhr对象，如果浏览器支持XMLHttpRequest对象
        if (window.XMLHttpRequest) {
          xhr = new XMLHttpRequest();
          // 否则，如果浏览器支持ActiveXObject对象（适用于IE5、IE6）
        } else if (window.ActiveXObject) {
          xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        if (xhr != null) {
          var t = "server?word=" + document.forms[0].keyword.value;
          // 请求方法为get，url为t，以同步方式发送请求
          xhr.open("GET", t, false);
          // 发送请求
          xhr.send();
          // 获取响应的字符集
          var text = xhr.responseText;
          alert(text);
        } else {
          window.alert("你的浏览器不支持XMLHttpRequest");
        }
      }
    </script>
</body>
</html>
